document.addEventListener('DOMContentLoaded', function() {
    // Mobile Menu Toggle
    const mobileMenuToggle = document.getElementById('mobile-menu-toggle');
    const mainNav = document.getElementById('main-nav');

    if (mobileMenuToggle && mainNav) {
        mobileMenuToggle.addEventListener('click', function() {
            mainNav.classList.toggle('active');

            // Change icon between bars and times
            const icon = this.querySelector('i');
            if (icon.classList.contains('fa-bars')) {
                icon.classList.remove('fa-bars');
                icon.classList.add('fa-times');
            } else {
                icon.classList.remove('fa-times');
                icon.classList.add('fa-bars');
            }
        });
    }

    // Close menu when clicking outside
    document.addEventListener('click', function(event) {
        if (mainNav && mainNav.classList.contains('active') &&
            !mainNav.contains(event.target) &&
            !mobileMenuToggle.contains(event.target)) {
            mainNav.classList.remove('active');

            // Reset icon
            const icon = mobileMenuToggle.querySelector('i');
            if (icon.classList.contains('fa-times')) {
                icon.classList.remove('fa-times');
                icon.classList.add('fa-bars');
            }
        }
    });

    // WhatsApp Links Handler
    // Detecta se o dispositivo é móvel
    const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

    // Seleciona todos os links do WhatsApp
    const whatsappLinks = document.querySelectorAll('.whatsapp-link');

    // Modifica cada link para usar o protocolo apropriado
    whatsappLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();

            // Obtém o número de telefone e a mensagem do link original
            const originalHref = link.getAttribute('href');
            const phoneMatch = originalHref.match(/phone=([^&]+)/);
            const textMatch = originalHref.match(/text=([^&]*)/);

            const phone = phoneMatch ? phoneMatch[1] : '5521959230299'; // Número padrão se não encontrar
            const text = textMatch ? decodeURIComponent(textMatch[1]) : '';

            // Adiciona classe de loading ao botão
            link.classList.add('loading');

            // Cria a URL apropriada baseada no tipo de dispositivo
            let whatsappUrl;
            if (isMobile) {
                // Para dispositivos móveis, usa o protocolo whatsapp://
                whatsappUrl = `whatsapp://send?phone=${phone}&text=${encodeURIComponent(text)}`;
            } else {
                // Para desktops, usa o WhatsApp Web
                whatsappUrl = `https://web.whatsapp.com/send?phone=${phone}&text=${encodeURIComponent(text)}`;
            }

            // Pequeno atraso para efeito visual
            setTimeout(() => {
                // Abre a URL
                window.open(whatsappUrl, '_blank');
                // Remove a classe de loading
                link.classList.remove('loading');
            }, 300);
        });

        // Mantém o link original para casos onde o JavaScript está desativado
        const originalHref = link.getAttribute('href');
        const phoneMatch = originalHref.match(/phone=([^&]+)/);
        const textMatch = originalHref.match(/text=([^&]*)/);

        const phone = phoneMatch ? phoneMatch[1] : '5521959230299';
        const text = textMatch ? textMatch[1] : '';

        if (!isMobile) {
            // Atualiza o atributo href para desktop
            link.setAttribute('href', `https://web.whatsapp.com/send?phone=${phone}&text=${text}`);
        }
    });

    // Adiciona efeitos visuais nos botões e links
    const buttons = document.querySelectorAll('.button, .quick-access-button');
    buttons.forEach(button => {
        button.addEventListener('mouseenter', function() {
            this.style.transform = 'translateY(-3px)';
            this.style.boxShadow = '0 6px 16px rgba(0, 0, 0, 0.15)';
        });

        button.addEventListener('mouseleave', function() {
            this.style.transform = '';
            this.style.boxShadow = '';
        });

        button.addEventListener('click', function() {
            this.style.transform = 'translateY(1px)';
            setTimeout(() => {
                this.style.transform = '';
            }, 100);
        });
    });

    console.log('Portal Elektro carregado com sucesso!');
    console.log(`Dispositivo móvel detectado: ${isMobile}`);
});